<div class="easyui-layout" data-options="fit:true">
    <div data-options="region:'north'" class="center">
        <div class="webmap">
            <p class="webmaptip">当前位置:</p>
            <a href="javascript:;" class="easyui-link" data-options="plain:true">财务管理</a>
            <p class="webmaptip">></p>
            <a href="javascript:;" class="easyui-link" data-options="plain:true">资金管理</a>
            <p class="webmaptip">></p>
            <a href="javascript:;" class="easyui-link" data-options="plain:true">充值记录</a>
        </div>
        <div class="querybycon">
            <form id="query">
                <div class="queryinfo">
                    <div>交易单号<input type="text" name="transNo"></div>
                    <div>用户名<input type="text" name="user.name"></div>
                    <div>状态 <input class="easyui-combobox"
                                   name="state"
                                   data-options="url:'/dictionary/withdrawType'"></div>
                    <div class="db">
                        申请时间<input class="easyui-datetimebox" name="startDate">
                        -
                        <input class="easyui-datetimebox" name="endDate">
                    </div>

                </div>
            </form>
        </div>
        <div class="querybtn">
            <a id="querybtn" href="javascript:;" class="easyui-linkbutton info"
               data-options="iconCls:'fa fa-search'">搜索</a>
            <!--<a id="add" href="javascript:;" class="easyui-linkbutton  warning" data-options="iconCls:'fa fa-plus'">添加</a>
            <a id="edit" href="javascript:;" class="easyui-linkbutton danger" data-options="iconCls:'fa fa-pencil'">编辑</a>
            <a id="del" href="javascript:;" class="easyui-linkbutton success" data-options="iconCls:'fa fa-remove'">删除</a>-->
            <div style="visibility: hidden;">aa</div>
        </div>
    </div>
    <div data-options="region:'center'" class="center">

        <table id="list"></table>
    </div>
</div>
<script type="text/javascript">
    /*var addUrl = "page/menu/menueadd.html";
     var editUrl = "/menu/menuedit.html";
     var delUrl = '/menu/del';
     var save = '/menu/save';*/
    var listUrl = "/record/list";
    var columns = [[{
        field: 'id',
        checkbox: true
    }, {
        field: 'category',
        title: '类别',
    }, {
        field: 'state',
        title: '状态',
    }, {
        field: 'tradeNo',
        title: '流水号',
    }, {
        field: 'sum',
        title: '金额',
    }, {
        field: 'detail',
        title: '明细',
    }, {
        field: 'remark',
        title: '备注',
    }, {
        field: 'user',
        title: '所属用户',
        formatter: function (value, row, index) {
            if (value != null) {
                return value.name;
            }
        }
    }]];
    list.init({url: listUrl, columns: columns});
</script>
